/* 头部开始 */
.header {
    width: 100%;
    height: .96rem;
    padding: .15rem .1rem 0 .20rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: .2rem;

    p {
        font-size: .3rem;
        color: #fff;
        display: flex;
        align-items: center;
        margin-right: .3rem;

        span {
            display: block;
            width: 0.24rem;
            height: 0.16rem;
            background-image: url(../images/icon/drop_icon.png);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: .24rem .16rem;
            margin-left: .1rem;
        }
    }

    input {
        flex: 1;
        height: .78rem;
        border-radius: 1rem;
        background-color: #454140;
        padding-left: .7rem;
        background-image: url(../images/icon/search_icon.png);
        background-repeat: no-repeat;
        background-position: 0.05rem center;
        background-size: .4rem .4rem;
        color: #fff;
        box-sizing: border-box;
        outline: 0;
        border: 0;
        font-size: .3rem;
    }

    span {
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        background-image: url(../images/icon/scan_icon.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: .5rem .5rem;
        margin-left: .25rem;
    }
}
/* 头部结束 */
/* 大背景开始 */
.banner {
    width: calc(100% - .2rem);
    height: 2.4rem;
    margin: 0 .1rem;
    background-image: url(../images/source/source_1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 2.4rem;
    border-radius: .16rem;
}
/* 大背景结束 */
/* 热映开始 */
.new-movie {
    width: calc(100% - .2rem);
    margin: 0 .1rem;
    height: 5.87rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    p {
        display: flex;
        justify-content: space-around;
        width: 100%;

        a {
            font-size: .36rem;
            color: #fff;
            display: block;
            height: .95rem;
            line-height: .95rem;
            text-align: center;
        }

        .active {
            color: #ef0101;
        }
    }

    ul {
        display: flex;
        justify-content: space-between;

    }

    li {
        width: 2.34rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        img {
            width: 2.34rem;
            height: 3.05rem;
        }

        span {
            color: #fff;
            font-size: .28rem;
        }

        i {
            color: #ccc;
            text-align: left;
            font-size: .26rem;
        }
    }

    a {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: .26rem;
    }
}
/* 热映结束 */
/* 电影院介绍开始 */
.cinema1,
.cinema2 {
    width: calc(100% - .2rem);
    margin: 0 .1rem .4rem;

    .cinema-top {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 0.8rem;
        background-color: #454140;
        align-items: center;
        padding: 0 .2rem;
        box-sizing: border-box;
        margin-bottom: .05rem;

        .icon {
            display: block;
            width: 0.42rem;
            height: 0.42rem;
            background-image: url(../images/icon/fire_icon.png);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: .42rem .42rem;
            margin-right: .1rem;
        }

        p {
            flex: 1;
            color: #fff;
            font-size: .3rem;
        }

        a {
            color: #fff;
            font-size: .3rem;
        }
    }

    .cinema-bottom {
        height: 2.9rem;
        background-color: #454140;
        padding: .30rem .15rem 0;
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
        display: flex;

        .tittle {
            display: flex;
            justify-content: space-between;
            color: #fff;
            font-size: .3rem;
            align-items: center;
            margin-bottom: .20rem;

            .cinema-name {
                flex: 1;
            }

            .icon {
                width: .32rem;
                height: .32rem;
                display: block;
                background-image: url(../images/icon/data_icon.png);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: .32rem .32rem;
                margin-right: .12rem;
            }
        }

        .location {
            font-size: .26rem;
            color: #9ba19d;
            margin-bottom: .15rem;
        }

        .advantage {
            display: flex;
            margin-bottom: .15rem;

            span {
                display: block;
                color: #fff;
                font-size: .26rem;
                display: flex;
                border: 1px solid #057f1c;
                box-sizing: border-box;
                border-radius: .15rem;
                margin-right: .1rem;
                padding: .1rem;

                &:nth-child(1) {
                    background-color: #ffbf05;
                }

                &:nth-child(2) {

                    background-color: #ab57f7;
                }

                &:nth-child(3) {
                    background-color: #00c26b;
                }

                &:nth-child(4) {
                    background-color: #00c7fb;
                }

            }

            p {
                flex: 1;
                color: #fff;
                font-size: .26rem;
                text-align: right;
                align-self: center;
            }
        }

        .intro {
            color: #fff;
            display: flex;

            span {
                display: block;
                padding: .06rem .06rem;
                font-size: .27rem;

                &:nth-child(1) {
                    background-color: #00c46c;
                }

                &:nth-child(3) {
                    background-color: #ab57f5;
                }
            }

            p {
                flex: 1;
                font-size: .27rem;
                text-align: right;
                color: #f41f59;
                text-align: right;
            }
        }
    }
}
/* 电影院介绍结束 */
.cinema2{
    margin-bottom: 2rem;
}